<template>
  <div class="common-seach-wrap">
    <!--基础设置-->
    <BasicIndex v-show="activeName=='basic'"></BasicIndex>
    <!--分享设置-->
    <ShareIndex v-show="activeName=='share'"></ShareIndex>
    <!--升级设置-->
    <Update v-show="activeName=='update'"></Update>
  </div>
</template>
<script>
  import { reactive, toRefs, defineComponent } from 'vue';
  import { useUserStore } from "@/store";
  import BasicIndex from './part/basic.vue';
  import ShareIndex from './part/share.vue';
  import Update from './part/update.vue';
  export default defineComponent({
    components: {
      BasicIndex,
      ShareIndex,
      Update
    },
    setup() {
      const { bus_emit, bus_off, bus_on } = useUserStore();
      const state = reactive({
         bus_emit,
         bus_off,
         bus_on,
           /*是否加载完成*/
        loading: true,
        form: {},
        /*参数*/
        param: {},
        /*当前选中*/
        activeName: 'basic',
        /*切换数组原始数据*/
        sourceList: [
            {
                key: 'basic',
                value: '基础设置',
                path:'/appsetting/appopen/index'
            },
            {
                key: 'share',
                value: '分享设置',
                path:'/appsetting/appshare/index'
            },
            {
                key: 'update',
                value: '升级管理',
                path:'/appsetting/appupdate/index'
            }
        ],
        /*权限筛选后的数据*/
        tabList:[],
       paramsFlag: false
      })
      return {
       ...toRefs(state),
     };
    },
    created() {

      this.tabList=this.authFilter();

      if(this.tabList.length>0){
        this.activeName=this.tabList[0].key;
      }

      if (this.$route.query.type != null) {
        this.activeName = this.$route.query.type;
      }

      /*监听传插件的值*/
      this.bus_on('activeValue', res =>
      {
          this.activeName = res;
      });

      //发送类别切换
      let params = {
          active: this.activeName,
          list: this.tabList,
          tab_type:'appopen'
      }
       this.bus_emit('tabData', params);

    },
    beforeUnmount () {
        //发送类别切换
          this.bus_emit('tabData', {active: null,tab_type:'appopen', list: []});
         this.bus_off('activeValue');
    },
    methods: {

      /*权限过滤*/
      authFilter(){
        let list=[];
        for(let i=0;i<this.sourceList.length;i++){
          let item=this.sourceList[i];
          if(this.$filter.isAuth(item.path)){
            list.push(item);
          }
        }
        return list;
      },

    }
  });
</script>

<style lang="scss" scoped>
</style>
